<div class="designs-record" [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container *ngIf="tagData.data?.data">
    <div class="content" *ngFor="let items of tagData.data?.data" [ngStyle]="items.boxCssStyle | styleFilter">
      <div class="firstDiv" *ngIf="items.firstArr" [ngStyle]="items.firstCssStyle | styleFilter">
        <ng-container *ngFor="let item of items.firstArr">
          <div class="top-list" [ngStyle]="item.boxCssStyle | styleFilter">
            <div class="list-left">
              <div *ngIf="item.icon" class="img" [ngStyle]="item.iconCssStyle | styleFilter">
                <img class="img-i" [src]="item.icon" />
              </div>
              <span *ngIf="item.label" class="label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
            </div>
            <div class="list-right">
              <span *ngIf="item.rightLabel" [ngStyle]="item.rightLabelCssStyle | styleFilter">{{item.rightLabel}}</span>
            </div>
          </div>
        </ng-container>
      </div>
      <div class="secondDiv" [ngStyle]="items.secondCssStyle | styleFilter">
        <div class="leftDiv" *ngIf="items.secondArr">
          <ng-container *ngFor="let item of items.secondArr">
            <div class="right-list" [ngStyle]="item.boxCssStyle | styleFilter">
              <span class="text_one" *ngIf="item.label"
                [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
              <span *ngIf="item.rightLabel"
                [ngStyle]="item.rightLabelCssStyle | styleFilter">{{item.rightLabel}}</span>
            </div>
          </ng-container>
        </div>
        <div class="rightDiv" [ngStyle]="items.btnBoxCssStyle">
          <ng-container *ngFor="let item of items.moreButtons">
            <span class="button" [ngStyle]="item.style | styleFilter" appDebounceClick (debounceClick)="btnClick(item)">{{item.label}}</span>
          </ng-container>
        </div>
      </div>
    </div>
  </ng-container>
</div>

<div class="noData" *ngIf="(tagData.data.data.length < 1)||(!tagData.data.data)">
  <span>暂无数据</span>
</div>
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadMoreData($event)" *ngIf="this.tagData.data.submit">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>